<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link rel="stylesheet" href="/static/mobile/css/amazeui.min.css">
    <link rel="stylesheet" href="/static/mobile/css/wap.css?2">
    <link rel="stylesheet" href="/static/mobile/css/index/index.css">
    <script src="/static/mobile/js/jquery-3.2.1.min.js"></script>
    <script src="/static/mobile/js/layui.js"></script>
    <title>知之</title>
</head>
<body>
    <!--goTop-->
    <div data-am-widget="gotop" class="am-gotop am-gotop-fixed">
        <a href="#top" title="">
            <img class="am-gotop-icon-custom" src="/static/mobile/img/goTop.png" />
        </a>
    </div>

    <!--main-->
    <div class="pet_mian" id="top">
        <!--导航栏-->
        <header data-am-widget="header" class="am-header am-header-default" id="header">
            <div class="am-header-left am-header-nav">
                <a href="phone" class="">
                    <span class="am-header-nav-title">
                        首页
                    </span>
                    <i class="am-header-icon am-icon-home"></i>
                </a>
            </div>
            <h1 class="am-header-title">
                知之
            </h1>
            {if empty($puser)}
            <div class="am-header-right am-header-nav">
                <a href="plogin" class="" title="登录">
                    <i class="am-header-icon am-icon-user"></i>
                </a>
                <a href="pregister" class="" title="注册">
                    <i class="am-header-icon am-icon-twitter"></i>
                </a>
            </div>
            {else}
            <div class="am-header-right am-header-nav">
                <a href="../pcenter" class="" title="个人中心">
                    <i class="am-header-icon am-icon-github"></i>
                </a>
                <a href="javascript:;" class="" title="退出" onclick="out()">
                    <i class="am-header-icon am-icon-times"></i>
                </a>
            </div>
            {/if}
        </header>
        <script>
            function out()
            {
                $.ajax({
                    url:'doexit',
                    type:'get',
                    dataType : 'json',
                    success:function (data) {
                        if (data['status']) {
                            location.href = 'phone';
                        } else {
                            location.reload();
                        }
                    }
                })
            }
        </script>

        <!--分类栏-->
        <div class="pet_circle_nav" id="top_b">
            <ul class="pet_circle_nav_list">
                {volist name="allCate" id="ac"}
                {if $ac['zz_cate_name'] == "HTML"}
                <li><a href="../tophone/{$ac['zz_cate_name']}" class="iconfont pet_nav_xinxianshi ">&#xe61e;</a><span>{$ac['zz_cate_name']}</span></li>
                {elseif $ac['zz_cate_name'] == "CSS"}
                <li><a href="../tophone/{$ac['zz_cate_name']}" class="iconfont pet_nav_zhangzhishi ">&#xe607;</a><span>{$ac['zz_cate_name']}</span></li>
                {elseif $ac['zz_cate_name'] == "JS"}
                <li><a href="../tophone/{$ac['zz_cate_name']}" class="iconfont pet_nav_kantuya ">&#xe62c;</a><span>{$ac['zz_cate_name']}</span></li>
                {elseif $ac['zz_cate_name'] == "PHP"}
                <li><a href="../tophone/{$ac['zz_cate_name']}" class="iconfont pet_nav_mengzhuanti ">&#xe622;</a><span>{$ac['zz_cate_name']}</span></li>
                {elseif $ac['zz_cate_name'] == "MySQL"}
                <li><a href="../tophone/{$ac['zz_cate_name']}" class="iconfont pet_nav_meirong ">&#xe629;</a><span>{$ac['zz_cate_name']}</span></li>
                {/if}
                {/volist}
                {if empty($puser)}
                <li><a href="plogin" class="iconfont pet_nav_dianpu ">&#xe604;</a><span>提问</span></li>
                {else}
                <li><a href="pproblem" class="iconfont pet_nav_dianpu ">&#xe604;</a><span>提问</span></li>
                {/if}
                
            </ul>


        </div>


        <!--内容栏-->
        <div class="pet_content_main">
            <div data-am-widget="list_news" class="am-list-news am-list-news-default" >
                <div class="am-list-news-bd">
                    <ul class="am-list">
                        <!--问题模块-->
                        {volist name="userProblem" id="up"}
                        <li class="am-g am-list-item-desced pet_list_one_block">
                            <div class="pet_list_one_info">
                                <div class="pet_list_one_info_l">
                                    <!--用户头像判断-->
                                    {if empty($up['zz_icon']) }
                                    <!--给默认-->
                                    <div class="pet_list_one_info_ico">
                                        <img src="/static/mobile/img/a4.png" alt="">
                                    </div>
                                    {else}
                                    <!--给头像-->
                                    <div class="pet_list_one_info_ico">
                                        <img src="/static/index/uploads/{$up['zz_icon']}" alt="">
                                    </div>
                                    {/if}
                                    <!--用户名-->
                                    <div class="pet_list_one_info_name">{$up['zz_name']}</div>
                                </div>
                                <!--分类名称-->
                                <div class="pet_list_one_info_r">
                                    <div class="pet_list_tag pet_list_tag_zzs">{$up['zz_cate_name']}</div>
                                </div>
                            </div>
                            <div class=" am-list-main">
                                <!--问题标题-->
                                <h3 class="am-list-item-hd pet_list_one_bt">
                                    <a href="pdetail/{$up['zz_problem_id']}" class="">“{$up['zz_problem_tit']}”</a>
                                </h3>
                                <!--问题内容-->
                                <div class="am-list-item-text pet_list_two_text">{$up['zz_problem_content']}</div>
                            </div>
                            <!--评论-->
                            <a href="#user-link" class="" title="评论" id="aComment">
                                <i class="am-header-icon am-icon-comment"></i>
                                <span>{$userComment[$up['zz_problem_id']]|count}</span>
                            </a>
                        </li>
                        {/volist}
                    </ul>
                </div>
            </div>
        </div>

        <!--底部-->
        <div class="pet_article_dowload pet_dowload_more_top_off">
            <div class="pet_article_dowload_title">关于知之</div>
            <div class="pet_article_dowload_content pet_dowload_more_top_bg">
                <div class="pet_article_dowload_triangle pet_dowload_more_top_san"></div>
                <div class="pet_article_dowload_ico"><img src="/static/mobile/img/footdon.png" alt=""></div>
                <div class="pet_article_dowload_content_font">
                    主要基于TP5开发,打造适用于PC端的问答网站,网站主要包括用户模块,问答模块,分类模块,RBAC后台管理模块,用户注册后,可在相对应技术板块提问与回答赚取积分。问答模块中拥有时下热门的收藏关注与悬赏等功能,并设置部分热门悬赏模块,以达到尽快解决问题的作用。
                </div>
            </div>
            <div class="pet_article_footer_info">Copyright(c)2018 zhizhi All Rights Reserved</div>
        </div>

    </div>
    <script src="/static/mobile/js/jquery.min.js"></script>
    <script src="/static/mobile/js/amazeui.min.js"></script>
    <script src="/static/mobile/js/index/index.js"></script>
</body>
</html>